Merge branch 'main' into initial-variables-duration

Author: jgthms

.gitignore

@@ -6,6 +6,7 @@ npm-debug.log
 test.css
 test.css.map
 test.html
+test*.html
 test.sass
 test.scss
 test.css

CHANGELOG.md

@@ -1,12 +1,18 @@
 # Bulma Changelog
 
+## Unreleased
+
+- Add .has-text-weight-extrabold as a typography class.
+
 ## 1.0.3
 
 ### Bug Fixes
 
 - Fix #3842: restore use of `$easing`, `$radius-rounded` and `$speed` Sass variables
 - Fix #3920: migrate code to avoid Sass 1.80 deprecation warning of global built-in functions
 - Fix #3945: add `$duration` Sass variable
+- Fix #3822: Non-minified version of bulma-prefixed was missing
+- Fix #3805: helper classes were missing prefix
 
 ### Documentation Fixes
 

README.md

@@ -134,7 +134,7 @@ Browse the [online documentation here.](https://bulma.io/documentation/start/ove
 | [Manifest](https://manifest.build)                                                   | Manifest is a lightweight Backend-as-a-Service with essential features: DB, Admin panel, API, JS SDK             |
 | [Reactive Bulma](https://github.com/NicolasOmar/reactive-bulma)                                                             | A component library based on React, Bulma, Typescript and Rollup         |
 
-<p>Browser testing via <a href="https://www.lambdatest.com/" target="_blank"><img src="https://www.lambdatest.com/resources/images/logo-white.svg" style="vertical-align: middle;margin-left:5px" width="147" height="26" /></a></p>
+<p>Browser testing via<br /><a href="https://www.lambdatest.com/" target="_blank"><img src="https://bulma.io/assets/images/amis/lambdatest-logo.png" width="168" height="40" /></a></p>
 
 ## Copyright and license ![Github](https://img.shields.io/github/license/jgthms/bulma?logo=Github)
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "bulma",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "homepage": "https://bulma.io",
   "authors": ["jgthms <bbxdesign@gmail.com>"],
   "description": "Modern CSS framework based on Flexbox",

bulma.scss

@@ -1,4 +1,4 @@
 @charset "utf-8";
 
-/*! bulma.io v1.0.2 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v1.0.3 | MIT License | github.com/jgthms/bulma */
 @use "sass";

css/bulma.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-/*! bulma.io v1.0.2 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v1.0.3 | MIT License | github.com/jgthms/bulma */
 /* Bulma Utilities */
 :root {
   --bulma-control-radius: var(--bulma-radius);
@@ -3784,6 +3784,10 @@ a.box:active {
   --bulma-button-border-width: max(2px, 0.125em);
   --bulma-button-outer-shadow-alpha: 1;
 }
+.button.is-outlined[disabled], fieldset[disabled] .button.is-outlined {
+  background-color: transparent;
+  box-shadow: none;
+}
 .button.is-inverted {
   background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-color-l) + var(--bulma-button-background-l-delta)));
   color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-background-l));

css/bulma.css.map

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-/*! bulma.io v1.0.2 | MIT License | github.com/jgthms/bulma */
+/*! bulma.io v1.0.3 | MIT License | github.com/jgthms/bulma */
 /* Bulma Utilities */
 :root {
   --bulma-control-radius: var(--bulma-radius);
@@ -981,6 +981,10 @@ a.box:active {
   --bulma-button-border-width: max(2px, 0.125em);
   --bulma-button-outer-shadow-alpha: 1;
 }
+.button.is-outlined[disabled], fieldset[disabled] .button.is-outlined {
+  background-color: transparent;
+  box-shadow: none;
+}
 .button.is-inverted {
   background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-color-l) + var(--bulma-button-background-l-delta)));
   color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-background-l));

css/bulma.min.css

@@ -1,13 +1,13 @@
-<div class="launch-code is-animated">
-  <h3><a href="https://cssmasterclass.io/" target="_blank"><img src="{{site.url}}/assets/images/masterclass/logo-desktop.png" height="40" width="300"></a></h3>
-
-  <div class="launch-shine">
-    <a class="shine" href="https://cssmasterclass.io/" target="_blank">
-      <span>Get <strong>20% off</strong> with code <code>BULMA</code></span>
-    </a>
-  </div>
+<a href="https://cssmasterclass.io/" target="_blank" class="launch-code is-animated">
+  <h3><img
+        src="{{site.url}}/assets/images/masterclass/logo-desktop.png"
+        height="40"
+        width="300"
+    />
+  </h3>
 
   <small>
-    Valid until the end of <strong>November 2024</strong>
+    Learn CSS with 🎓 online interactive courses,📺 educational videos, and
+    🧑🏻‍💻project-building tutorials.
   </small>
-</div>
+</a>

css/versions/bulma-no-dark-mode.css

@@ -1,6 +1,6 @@
 <div id="carboncontainer" class="bd-carbon">
   <div id="carbon">
-    <a id="masterclass-carbon" href="https://cssmasterclass.io/" target="_blank" style="display: none; width: 400px; height: 260px;">
+    <a id="masterclass-carbon" href="https://cssmasterclass.io/" target="_blank" style="display: none; aspect-ratio: 40 / 26; max-width: 400px; max-height: 260px;">
       <img src="{{ site.url }}/assets/images/masterclass/masterclass-carbon.png" height="260" width="400" alt="CSS Masterclass">
     </a>
     <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CWYIE237&placement=bulmaio&format=cover" id="_carbonads_js" onerror="this.previousElementSibling.style.display = 'flex'"></script>

css/versions/bulma-no-dark-mode.css.map

@@ -3,23 +3,41 @@
 
   <a class="masterclass-body" href="https://cssmasterclass.io/" target="_blank">
     <div class="masterclass-content is-hidden-desktop">
-      <img src="{{site.url}}/assets/images/masterclass/logo-mobile.png" height="68" width="240">
-      <img src="{{site.url}}/assets/images/masterclass/text-mobile.png" height="99" width="228">
-      <img src="{{site.url}}/assets/images/masterclass/code-mobile.png" height="89" width="225">
+      <img
+        src="{{site.url}}/assets/images/masterclass/logo-mobile.png"
+        height="68"
+        width="240"
+      />
+      <img
+        src="{{site.url}}/assets/images/masterclass/text-mobile.png"
+        height="99"
+        width="228"
+      />
       <div class="shine">
         <span>Get started for Free</span>
       </div>
     </div>
 
     <div class="masterclass-content is-hidden-touch">
-      <img src="{{site.url}}/assets/images/masterclass/logo-desktop.png" height="50" width="378">
-      <img src="{{site.url}}/assets/images/masterclass/text-desktop.png" height="58" width="571">
-      <img src="{{site.url}}/assets/images/masterclass/code-desktop.png" height="89" width="375">
+      <img
+        src="{{site.url}}/assets/images/masterclass/logo-desktop.png"
+        height="50"
+        width="378"
+      />
+      <img
+        src="{{site.url}}/assets/images/masterclass/text-desktop.png"
+        height="58"
+        width="571"
+      />
       <div class="shine">
         <span>Get started for Free</span>
       </div>
     </div>
   </a>
 
-  <button id="masterclass-close" class="modal-close is-large" aria-label="close"></button>
+  <button
+    id="masterclass-close"
+    class="modal-close is-large"
+    aria-label="close"
+  ></button>
 </div>

css/versions/bulma-no-dark-mode.min.css

@@ -93,6 +93,10 @@
 }
 
 .bd-carbon {
+  aspect-ratio: 40 / 26;
+  max-height: 280px !important;
+  max-width: 400px !important;
+
   &,
   & > div {
     align-items: center;
@@ -101,7 +105,6 @@
   }
 
   > div {
-    height: 280px !important;
-    width: 400px !important;
+    aspect-ratio: 40 / 26;
   }
 }

css/versions/bulma-no-helpers-prefixed.css

@@ -7223,6 +7223,10 @@ a.box:active {
   --bulma-button-border-width: max(2px, 0.125em);
   --bulma-button-outer-shadow-alpha: 1;
 }
+.button.is-outlined[disabled], fieldset[disabled] .button.is-outlined {
+  background-color: transparent;
+  box-shadow: none;
+}
 .button.is-inverted {
   background-color: hsl(var(--bulma-button-h), var(--bulma-button-s), calc(var(--bulma-button-color-l) + var(--bulma-button-background-l-delta)));
   color: hsl(var(--bulma-button-h), var(--bulma-button-s), var(--bulma-button-background-l));
@@ -34284,14 +34288,18 @@ has-background-moon.is-hoverable:active {
     --scale: 0.75;
   }
 }
+.bd-carbon {
+  aspect-ratio: 40/26;
+  max-height: 280px !important;
+  max-width: 400px !important;
+}
 .bd-carbon, .bd-carbon > div {
   align-items: center;
   display: flex;
   justify-content: center;
 }
 .bd-carbon > div {
-  height: 280px !important;
-  width: 400px !important;
+  aspect-ratio: 40/26;
 }
 
 .highlight {
@@ -37303,6 +37311,7 @@ div.shine {
   gap: 0.5rem 1rem;
   white-space: nowrap;
   flex-direction: column;
+  overflow: hidden;
 }
 .launch-code h3,
 .launch-code small {
@@ -37324,6 +37333,7 @@ div.shine {
   display: block;
   opacity: 1;
   font-weight: 400;
+  white-space: normal;
 }
 .launch-code .launch-shine {
   animation-duration: 1s;
@@ -37358,7 +37368,6 @@ div.shine {
   }
   .launch-code h3,
   .launch-code small {
-    flex-grow: 1;
     width: auto;
     text-align: center;
     max-width: none;
@@ -37368,8 +37377,6 @@ div.shine {
 @media screen and (min-width: 1024px) {
   .launch-code {
     animation-name: anim-slide-down;
-    position: sticky;
-    top: 0;
     z-index: 40;
   }
 }

css/versions/bulma-no-helpers-prefixed.css.map

@@ -915,7 +915,8 @@
     <li><code>icon is-left</code> if <code>has-icons-left</code> is used</li>
     <li><code>icon is-right</code> if <code>has-icons-right</code> is used</li>
   </ul>
-  <p>The size of the <strong>input</strong> will define the size of the icon container.</p>
+  <p>Make sure the input is the control's first child, otherwise the icon may disappear when selected. The size of the
+    <strong>input</strong> will define the size of the icon container.</p>
 </div>
 
 {% include docs/elements/snippet.html content=icons_example clipped=true %}

css/versions/bulma-no-helpers-prefixed.min.css

@@ -327,13 +327,21 @@
       <td><code>has-text-weight-semibold</code></td>
       <td>
         Transforms text weight to
-        <span class="has-text-weight-semibold">semi-bold</span>
+        <span class="has-text-weight-semibold">semibold</span>
       </td>
     </tr>
     <tr>
       <td><code>has-text-weight-bold</code></td>
       <td>
-        Transforms text weight to <span class="has-text-weight-bold">bold</span>
+        Transforms text weight to
+        <span class="has-text-weight-bold">bold</span>
+      </td>
+    </tr>
+    <tr>
+      <td><code>has-text-weight-extrabold</code></td>
+      <td>
+        Transforms text weight to
+        <span class="has-text-weight-extrabold">extrabold</span>
       </td>
     </tr>
   </tbody>